/* color palette from <https://github.com/vuejs/theme> */
:root {
  --vt-c-white: #ffffff;
  --vt-c-white-soft: #f8f8f8;
  --vt-c-white-mute: #f2f2f2;
  --vt-c-black: #181818;
  --vt-c-black-soft: #222222;
  --vt-c-black-mute: #282828;
  --vt-c-indigo: #2c3e50;
  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
  --vt-c-text-light-1: var(--vt-c-indigo);
  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
  --vt-c-text-dark-1: var(--vt-c-white);
  --vt-c-text-dark-2: rgba(235, 235, 235, 0.639);
}

/* semantic color variables for this project */
:root {
  --cnac-main: #6a67fb;
  --cnac-main-active: #5c59de;
  --cnac-text1: #444444;
  --cnac-text2: #5e92fd;
  --cnac-text3: #6F6F6F;
  --cnac-bgc1: rgba(84, 84, 84, 0.55);
  --cnac-bgc2: #ebebeb;
  --cnac-bgc3: #eff4f8;
  --cnac-success: #67C23A;
  --cnac-error: #F56C6C;
  --color-background: var(--vt-c-white);
  --color-background-soft: var(--vt-c-white-soft);
  --color-background-mute: var(--vt-c-white-mute);
  --color-border: var(--vt-c-divider-light-2);
  --color-border-hover: var(--vt-c-divider-light-1);
  --color-heading: var(--vt-c-text-light-1);
  --color-text: var(--vt-c-text-light-1);
  --section-gap: 160px;
  --tableBox-height: calc(100vh - 310px);
  --el-menu-base-level-padding: 16px !important;
  --el-menu-icon-width: 20px !important;
  --el-border-color-light: rgba(84, 84, 84, 0.55) !important;
  --el-table-header-bg-color: #ebebeb !important; /* 表格头部背景色 */
  --el-border-color: var(--cnac-bgc1) !important; /* 表格边框颜色 */
  --el-border-color-lighter: var(--cnac-bgc1) !important; /* 表格内边框颜色 */
}

/* @media (prefers-color-scheme: dark) {
  :root {
    --color-background: var(--vt-c-black);
    --color-background-soft: var(--vt-c-black-soft);
    --color-background-mute: var(--vt-c-black-mute);

    --color-border: var(--vt-c-divider-dark-2);
    --color-border-hover: var(--vt-c-divider-dark-1);

    --color-heading: var(--vt-c-text-dark-1);
    --color-text: var(--vt-c-text-dark-2);
  }
} */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}

body {
  min-width: 1400px;
  min-height: 100vh;
  color: var(--color-text);
  background: #ffffff;
  transition:
    color 0.5s,
    background-color 0.5s;
  line-height: 1.6;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Fira Sans',
    'Droid Sans',
    'Helvetica Neue',
    sans-serif;
  font-size: 15px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: var(--cnac-text2);
  word-break: break-all;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
  margin: 0;
  padding: 0;
}

.singeLine {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  height: 26px;
  line-height: 26px;
}

.iconBox {
  vertical-align: middle;
}

.TableBox {
  height: calc(100% - 100px);
  overflow-y: auto;
}
.paginationBox {
  position: absolute;
  bottom: 20px;
  margin-top: 16px;
  margin-left: 8px;
}

.el-textarea__inner {
  resize: none !important;
}

.userInfoBoxTop {
  box-sizing: content-box;
  padding: 5px 16px;
  display: flex;
  align-items: center;
  justify-content: start;
  .userIcon {
    width: 50px;
    height: 50px;
    font-size: 50px;
    line-height: 0;
  }
  .userCon {
    margin-left: 10px;
    .name {
      color: #000;
      font-weight: bold;
      width: 110px; /* 设置一个宽度 */
      white-space: nowrap; /* 防止文本换行 */
      overflow: hidden; /* 隐藏溢出的文本 */
      text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
    }
    .tel, .id {
      .el-icon {
        color: #606266;
        vertical-align: middle;
        margin-right: 4px;
      }
    }
  }
}

.dropdownMenuTop {
  .el-dropdown-menu__item {
    justify-content: center;
  }
}

/* 甲方要求 样式修改 */
.el-table__border-left-patch  {
  z-index: 0 !important;
  width: 0 !important;
  background-color: rgba(154, 152, 152, 0.833) !important;
}
.el-table__header {
  thead tr th{
    background-color: var(--cnac-bgc3) !important;
    color: #000;
    .cell {
      font-weight: 700 !important;
    }
  }
}
